<template>
    <div style="background-color: white">
        <navigationBar :bgType="3" :backType="2" navigationTitle="等待审核" />
        <view class="box flex column align-center just-center">
            <image
                class="img"
                src="/static/technician/joinUs/toBeReviewedLoading.png"
                mode="scaleToFill"
            />
            <view class="tips">
                <view class="title f-32">等待审核</view>
                <view class="tip fc f-26">您已经成功提交申请</view>
                <view class="subTip fc f-26">
                    审核将在3个工作日内出结果，请耐心等待
                </view>
            </view>
            <view class="btn" @click="onBack"> 返回 </view>
        </view>
    </div>
</template>
<script>
export default {
    data() {
        return {};
    },

    mounted() {},

    methods: {
        onBack() {
            uni.navigateBack();
        },
    },
};
</script>
<style lang="scss" scoped>
.img {
    width: 466rpx;
    height: 314rpx;
}
.box {
    margin-top: 100rpx;
}
.tips {
    margin-top: 30rpx;
    text-align: center;
    .title {
        margin: 30rpx 0;
    }
    .fc {
        color: #b0b0b0;
        line-height: 1.3;
    }
}
.btn {
    margin-top: 60rpx;
    width: 80%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    border-radius: 40rpx;
    color: #fff;
    background: linear-gradient(90deg, #5d64ca 0%, #6f9bdf 100%);
}
</style>